/* 充值 */
.recharge {
    width:100%;
    height:100%;
    background-color:#f5f5f5;
}
.remainder {
    display:flex;
    align-items:center;
    height:1.8rem;
    padding-left:0.34rem;
    background-color:#fff;
}
.leftIcon {
    width:1.2rem;
    height:1.2rem;
    margin-right:0.44rem;
}
.remainderNum {
    font-size:0.26rem;
    color:#a4a4a4;
    line-height:0.3rem;
}
.currentRemainder {
    margin-left:-0.22rem;
    line-height:0.6rem;
    font-size:0.64rem;
    font-weight:bold;
    color:#222;
}
.currentTip {
    margin-top:0.2rem;
    font-size:0.28rem;
    color:#A4A4A4;
    margin-left:-0.14rem;
}
/* 充值标题 */
.rechargeTitle {
    display:table-cell;
    height:0.88rem;
    padding-left:0.3rem;
    vertical-align:middle;
    color:#222;
    font-size:0.26rem;
}
.rechargeTitle {
    color:#a4a4a4;
}
/* 选择充值金额 */
.selectAmount {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    padding:0.5rem 0.4rem;
    background-color:#fff;
    box-sizing:border-box;
}
.selectAmount button:after {
    display:none;
}
.wxpayView {
    color:#999999;
    font-size:0.28rem;
    display:flex;
    margin-bottom:0.2rem;
    justify-content:center;
    align-items:center;
}
.wxpayView img {
    width:0.28rem;
    height:0.28rem;
    margin-left:0.1rem;
}
.unSelect {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:calc(50% - 12.0.1rem);
    height:1.1rem;
    text-align:center;
    border:0.02rem solid #FEDA01;
    border-radius:0.16rem;
    font-size:0.32rem;
    color:#222222;
    box-sizing:border-box;
    box-shadow:0.02rem 0.04rem 0.2rem #f5f5f5;
    background-color:#fff;
    margin:0.16rem 0;
    flex-direction:column;
    line-height:normal;
}
button[disabled][type="default"],wx-button[disabled]:not([type]) {
    border-color:rgba(0,0,0,0.2);
}
.tel {
    font-size:0.3rem;
    font-weight:bold;
    margin-left:0.1rem;
    color:#ff6e2a;
}
.selected {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:calc(50% - 12.0.1rem);
    height:1.1rem;
    text-align:center;
    border:0.02rem solid #FEDA01;
    border-radius:0.16rem;
    font-size:0.32rem;
    color:#FF6E2A;
    background-color:#FEDA01;
    box-shadow:0.02rem 0.04rem 0.2rem rgba(255,237,127,1);
    box-sizing:border-box;
    margin:0.16rem 0;
    flex-direction:column;
    line-height:normal;
    transition:all .3s;
}
/* 充值金额从第三个开始增加0.2rem的顶部间距 */
.selectAmount span:nth-child(n+3) {
    margin-top:0.2rem;
}
/* 充值说明 */
.rechargeIntro {
    margin-top:0.6rem;
    font-size:0.26rem;
    color:#a4a4a4;
    line-height:0.34rem;
    text-align:center;
}
/* 充值协议 */
.rechargeAgreement {
    color:#FF6E2A;
}
/* 退还押金 */
.returnDeposit {
    font-size:0.28rem;
    color:#222222;
    text-align:center;
    line-height:0.44rem;
    background:#f5f5f5;
    padding-bottom:0.3rem;
}
.returnDeposit span {
    display:block;
}
.returnDeposit .rechargeAgreement {
    margin-left:0.08rem;
    /* vertical-align:middle;
     */
}
.rechargebtn {
    background:#222222;
    color:#ffffff;
    border-radius:0.4rem;
    font-size:0.36rem;
    letter-spacing:0.02rem;
    font-weight:600;
}
.free {
    width:100%;
    height:100%;
    background-color:#f5f5f5;
    padding-bottom:2rem;
}
.topArea {
    background:#FFFFFF;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.freeIcon {
    width:1.46rem;
    height:1.46rem;
    margin:0.6rem 0 0.5rem 0;
}
.freeTip {
    color:#222222;
    font-size:0.28rem;
}
.refundButton {
    color:#2c2c2c;
    background:#f0f0f0;
    font-size:0.24rem;
    padding:0.1rem 0.2rem;
    border-radius:0.08rem;
}
.freeRemainder {
    font-size:0.84rem;
    font-weight:bold;
    margin-top:0.04rem;
    padding-bottom:0.4rem;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.freebtn {
    background:#222222;
    color:#ffffff;
    border-radius:0.4rem;
    font-size:0.36rem;
    letter-spacing:0.02rem;
    font-weight:600;
    width 90% ;
    padding 0.2rem ;
    margin-top 0.5rem
}
.my-area {
    position:relative;
    margin:0.16rem 0.3rem;
}
.my-area img {
    width:100%;
    height:2.64rem;
}
.textArea {
    display:flex;
    flex-direction:column;
    position:absolute;
    top:0.32rem;
    left:0.4rem;
    height:2rem;
}
.top {
    font-size:0.36rem;
    font-weight:bold;
}
.mid {
    margin-top:0.16rem;
    color:#a4a4a4;
    font-size:0.26rem;
    flex:1;
}
.bottom {
    font-size:0.24rem;
    color:#222222;
}
.bottom_right {
    position:absolute;
    right:0.8rem;
    bottom:0.4rem;
    font-size:0.24rem;
    color:#222222;
}
.tipNum {
    margin:0 0.08rem;
    color:#FF6E2A
}
.rowGather {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.itemGather {
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    font-size:0.26rem;
    color:#999999;
    padding-bottom:0.4rem;
}
.money {
    margin-top:0.16rem;
    font-weight:bold;
    font-size:0.36rem;
    color:#222222;
}
.frozen {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    border-top:0.02rem solid #e5e5e5;
    font-size:0.26rem;
    height:0.8rem;
    color:#999999
}
.frozenMoney {
    font-weight:bold;
    color:#222222;
    margin-left:0.2rem;
}
.popupMask {
    position:fixed;
    z-index:99;
    top:0;
    right:0;
    left:0;
    bottom:0;
    background:rgba(0,0,0,0.6);
    display:flex;
    justify-content:center;
    align-items:center;
}
.popupDialog {
    width:6.4rem;
    position:absolute;
    z-index:100;
    top:50%;
    transform:translate(0,-50%);
    background-color:#FFFFFF;
    text-align:center;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    max-height:90%;
    border-radius:0.1rem;
    font-size:0.32rem;
    margin-top:-0.88rem;
    align-items:center;
}
.popupTitle {
    padding:0.64rem 0.48rem 0.48rem;
}
.popupContent {
    flex:1;
    padding:0 0.48rem;
    margin-bottom:0.64rem;
    line-height:1.4;
    word-wrap:break-word;
    hyphens:auto;
    color:#8c8c8c;
    text-align:left;
    white-space:normal;
}
.popupButton {
    display:flex;
    width:100%;
    height:1.12rem;
    align-items:center;
}
.divider {
    width:100%;
    height:0.02rem;
    background:#e8e8e8;
}
.columnDivider {
    height:100%;
    width:0.02rem;
    background:#e8e8e8;
}
.buttonItem {
    flex:1;
    height:100%;
    line-height:1.12rem;
}
.buttonItemHover {
    background:#ECECEC;
}
.settingText {
    flex:1;
    text-align:center;
    font-weight:bold;
    display:flex;
    color:#999999;
    font-size:0.26rem;
    align-items:center;
    justify-content:center;
    border-right:0.02rem solid #D1D1D1;
}
.quickPayIcon {
    width:0.72rem;
    height:0.72rem;
}
.quickPayBadget {
    color:#FF7930 !important
}
.bottomSetting {
    position:fixed;
    height:1.1rem;
    bottom:0;
    left:0;
    right:0;
    background:#fff;
    display:flex;
    z-index:89;
    align-items:center;
    box-shadow:0 0 0.2rem rgba(0,0,0,.1);
    //padding-bottom:constant(safe-area-inset-bottom);
    /*兼容 IOS<11.2*/
    //padding-bottom:env(safe-area-inset-bottom);
}

.rechargeContanier{
    background #f5f5f5;
    min-height 100vh
}
